@media (min-width: 768px) and (max-width: 1024px) {
	.home-banner .caption {
		margin-top: 0;
	}
	.home-banner .caption h1{
		font-size: 40px;
	}
	.home-banner .caption a.learn{
		font-size: 14px;
	}
	.how-it-works h2, .why-my-systemx h2.heading{
		font-size: 35px;
	}
	.how-it-works .home-section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.how-it-works ul li:nth-child(2n){
		top: -185px;
	}
	.icons{
		width: 140px;
		height: 140px;
		font-size: 15px;
	}
	a.btn.why-learn{
		font-size: 14px;
		margin-top: 40px;
	}
}
@media only screen and (max-width: 767px) {
    .header-contact .email{
		font-size: 13px;
		letter-spacing: 0;
	}
	.header-contact {
		padding: 20px 0px 10px 0px;
	}
	.floating-bar p{
		font-size: 14px;
	}
	.home-banner .caption {
		margin-top: 0;
	}
	.home-banner .caption h1{
		font-size: 40px;
	}
	.home-banner .caption a.learn{
		padding: 10px 30px;
		font-size: 14px;
		margin-bottom: 40px;
	}
	.how-it-works h2{
		 font-size: 30px;
	}
	hr.how-divide{
		 width: 50%;
	}
	.how-it-works ul li{
	    width: 100%;
		margin-bottom: 30px;
	}
	.how-it-works ul li:nth-child(2n){
		display:none;
	}
	.how-it-works .home-section {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.why-my-systemx h2.heading{
		font-size: 30px;
	}
	.why-my-systemx .home-section ul.list-inline>li {
		width: 100%;
	}
	.icons{
		font-size: 15px;
		display: inline-table;
		margin-bottom: 15px;
	}
	a.btn.why-learn{
		font-size: 14px;
		margin-top: 30px;
	}
	.pre-footer p {
		font-size: 15px;
	}
	hr.footer-divider {
		width: 70%;
	}
	.pre-footer h3{
		font-size: 24px;
	}
	.copyuright{
		text-align: center;
	}
	.footer-menu{
		float: none;
		text-align: center;
	}
}